<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Pratt - Free Bootstrap 3 Theme">
    <meta name="author" content="Alvarez.is - BlackTie.co">
    <link rel="shortcut icon" href="assets/ico/favicon.png">

    <title>前海中瑞超级商城-微信小程序</title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/main.css" rel="stylesheet">
    
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
    
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/smoothscroll.js"></script>
    

  </head>

  <body data-spy="scroll" data-offset="0" data-target="#navigation">

    <!-- Fixed navbar -->
	    <div id="navigation" class="navbar navbar-default navbar-fixed-top">
	      <div class="container">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#"><b>前海中瑞 | 超级商城</b></a>
	        </div>
	        <div class="navbar-collapse collapse">
	          <ul class="nav navbar-nav">
	            <li class="active"><a href="#home" class="smothscroll">主页</a></li>
	            <li><a href="#core" class="smothScroll">核心场景</a></li>
	            <li><a href="#process" class="smothScroll">接入流程</a></li>
	          </ul>
	        </div><!--/.nav-collapse -->
	      </div>
	    </div>


	<section id="home" name="home"></section>
	<div id="headerwrap">
	    	<div class="row centered">
	    		<div class="col-lg-12">
					<h1>一键生成，快速拥有</h1>
					<h3>帮助商家提前布局微信新生态，抢占第一波红利</h3>
					<br>
	    		</div>
	    		
	    		<div class="col-lg-2">
	    			<p></p>
	    		</div>
	    		<div class="col-lg-8">
	    			<img class="img-responsive" src="assets/img/weapp_banner.png" alt="">
	    		</div>
	    		<div class="col-lg-2">
	    			<br>
	    			<p></p>
	    		</div>
	    	</div>
	</div><!--/ #headerwrap -->


	<section id="desc" name="desc"></section>
	<!-- INTRO WRAP -->
	<div id="intro">
		<div class="container">
			<div class="row centered">
				<h2>微信持续赋能小程序</h2>
				<h4>全面提升网上营销、网上获取订单的新能力</h4>
				<br>
				<br>
				<div class="col-lg-4">
					<img src="assets/img/f1.png" alt="">
					<h3>附近的小程序</h3>
					<p>从线上引流到线下门店</p>
				</div>
				<div class="col-lg-4">
					<img src="assets/img/f2.png" alt="">
					<h3>微信搜一搜</h3>
					<p>随时随地，用什么搜什么</p>
				</div>
				<div class="col-lg-4">
					<img src="assets/img/f3.png" alt="">
					<h3>广告投放</h3>
					<p>猜想：微信会支持广告投放推小程序吗</p>
				</div>
			</div>
			<br>
			<hr>
	    </div> <!--/ .container -->
	</div><!--/ #introwrap -->

	<div id="core" class="content-container">
	<div class="container-middle">
		<div class="container-title">核心场景</div>
		<div class="scene-list-row first-row">
			<div class="scene-item scene1">附近的小程序</div>
			<div class="scene-item scene2">线下扫码</div>
			<div class="scene-item scene3">带参数二维码引流</div>
			<div class="scene-item scene4">我浏览过的小程序</div>
			<!--<div class="scene-item scene5">在微信里直接搜索小程序</div>-->
		</div>
		<div class="scene-list-row">
			<div class="scene-item scene6">分享到微信群</div>
			<div class="scene-item scene7">把小程序推荐给好友</div>
			<!--<div class="scene-item scene8">关联商家已有公众号</div>-->
			<div class="scene-item scene9">在微信推文中插入小程序</div>
			<div class="scene-item scene10">支持消息模版</div>
		</div>
	</div>
	</div>

	<div id="process" class="content-container">
		<div class="container-middle">
			<div class="container-title">接入流程</div>
			<div class="container-process">
				<div class="step-content">注册微信小程序，申请微信支付</div>
				<div class="step-content">把小程序一键授权给前海中瑞</div>
				<div class="step-content">填写商户信息，提交审核</div>
				<div class="step-content" style="margin-top: 78px">审核通过，小程序上线</div>
				<div class="step-sub-content">上线后随时修改，实时更新。前海中瑞全程托管，不懂代码也能用</div>
			</div>
		</div>
	</div>

	<!--&lt;!&ndash; FEATURES WRAP &ndash;&gt;-->
	<!--<div id="features">-->
		<!--<div class="container">-->
			<!--<div class="row">-->
				<!--<h1 class="centered">What's New?</h1>-->
				<!--<br>-->
				<!--<br>-->
				<!--<div class="col-lg-6 centered">-->
					<!--<img class="centered" src="assets/img/mobile.png" alt="">-->
				<!--</div>-->

				<!--<div class="col-lg-6">-->
					<!--<h3>Some Features</h3>-->
					<!--<br>-->
				<!--&lt;!&ndash; ACCORDION &ndash;&gt;-->
		            <!--<div class="accordion ac" id="accordion2">-->
		                <!--<div class="accordion-group">-->
		                    <!--<div class="accordion-heading">-->
		                        <!--<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">-->
		                        <!--First Class Design-->
		                        <!--</a>-->
		                    <!--</div>&lt;!&ndash; /accordion-heading &ndash;&gt;-->
		                    <!--<div id="collapseOne" class="accordion-body collapse in">-->
		                        <!--<div class="accordion-inner">-->
								<!--<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>-->
								<!--</div>&lt;!&ndash; /accordion-inner &ndash;&gt;-->
		                    <!--</div>&lt;!&ndash; /collapse &ndash;&gt;-->
		                <!--</div>&lt;!&ndash; /accordion-group &ndash;&gt;-->
		                <!--<br>-->

		                <!--<div class="accordion-group">-->
		                    <!--<div class="accordion-heading">-->
		                        <!--<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">-->
		                        <!--Retina Ready Theme-->
		                        <!--</a>-->
		                    <!--</div>-->
		                    <!--<div id="collapseTwo" class="accordion-body collapse">-->
		                        <!--<div class="accordion-inner">-->
								<!--<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>-->
								<!--</div>&lt;!&ndash; /accordion-inner &ndash;&gt;-->
		                    <!--</div>&lt;!&ndash; /collapse &ndash;&gt;-->
		                <!--</div>&lt;!&ndash; /accordion-group &ndash;&gt;-->
		                <!--<br>-->

		                 <!--<div class="accordion-group">-->
		                    <!--<div class="accordion-heading">-->
		                        <!--<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">-->
		                        <!--Awesome Support-->
		                        <!--</a>-->
		                    <!--</div>-->
		                    <!--<div id="collapseThree" class="accordion-body collapse">-->
		                        <!--<div class="accordion-inner">-->
								<!--<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>-->
								<!--</div>&lt;!&ndash; /accordion-inner &ndash;&gt;-->
		                    <!--</div>&lt;!&ndash; /collapse &ndash;&gt;-->
		                <!--</div>&lt;!&ndash; /accordion-group &ndash;&gt;-->
		                <!--<br>-->

		                 <!--<div class="accordion-group">-->
		                    <!--<div class="accordion-heading">-->
		                        <!--<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">-->
		                        <!--Responsive Design-->
		                        <!--</a>-->
		                    <!--</div>-->
		                    <!--<div id="collapseFour" class="accordion-body collapse">-->
		                        <!--<div class="accordion-inner">-->
								<!--<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>-->
								<!--</div>&lt;!&ndash; /accordion-inner &ndash;&gt;-->
		                    <!--</div>&lt;!&ndash; /collapse &ndash;&gt;-->
		                <!--</div>&lt;!&ndash; /accordion-group &ndash;&gt;-->
		                <!--<br>-->
					<!--</div>&lt;!&ndash; Accordion &ndash;&gt;-->
				<!--</div>-->
			<!--</div>-->
		<!--</div>&lt;!&ndash;/ .container &ndash;&gt;-->
	<!--</div>&lt;!&ndash;/ #features &ndash;&gt;-->


	<!--<section id="showcase" name="showcase"></section>-->
	<!--<div id="showcase">-->
		<!--<div class="container">-->
			<!--<div class="row">-->
				<!--<h1 class="centered">Some Screenshots</h1>-->
				<!--<br>-->
				<!--<div class="col-lg-8 col-lg-offset-2">-->
					<!--<div id="carousel-example-generic" class="carousel slide">-->
					  <!--&lt;!&ndash; Indicators &ndash;&gt;-->
					  <!--<ol class="carousel-indicators">-->
					    <!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
					    <!--<li data-target="#carousel-example-generic" data-slide-to="1"></li>-->
					  <!--</ol>-->

					  <!--&lt;!&ndash; Wrapper for slides &ndash;&gt;-->
					  <!--<div class="carousel-inner">-->
					    <!--<div class="item active">-->
					      <!--<img src="assets/img/item-01.png" alt="">-->
					    <!--</div>-->
					    <!--<div class="item">-->
					      <!--<img src="assets/img/item-02.png" alt="">-->
					    <!--</div>-->
					  <!--</div>-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
			<!--<br>-->
			<!--<br>-->
			<!--<br>-->
		<!--</div>&lt;!&ndash; /container &ndash;&gt;-->
	<!--</div>-->


	<section id="contact" name="contact"></section>
	<div id="footerwrap">
		<div class="container">
			<div class="col-lg-5">
				<h3>地址</h3>
				<p>
					深圳市前海深港合作区
					前湾一路1号A栋201室<br/>
				</p>
			</div>

		</div>
	</div>
	<div id="c">
		<div class="container">
			<p>©2014-2017 <a href="http://www.qhzr.com/" target="_blank" title="前海中瑞">前海中瑞</a></p>

		</div>
	</div>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="assets/js/bootstrap.js"></script>
	<script>
	$('.carousel').carousel({
	  interval: 3500
	})
	</script>
  </body>
</html>
